{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script src="{% static 'js/echarts.min.js' %}"></script>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/app.css' %}" rel="stylesheet" type="text/css">
    <script>
        let perf_data = {{ data|safe  }};
        let perf_model = {{ model|safe }};
    </script>
    <title></title>
</head>
<body class="container" style="background: #f0f0f0;">
<div class="jumbotron" id="head" >
    <div class="row" >
        <div class="col-lg-4">
            <h2 style="color: #faf8f9">客户端性能</h2>
        </div>
         <button class="btn btn-danger" data-toggle="modal" data-target="#sendreport" data-backdrop="static">发送测试报告
         </button>
        <div class="col-lg-4 " >
            <ul id="deviceinfo">
            </ul>
        </div>
    </div>
</div>
<div class="modal fade" id="sendreport">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>发送报告邮件</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label class="email" >公司邮件</label>
                        <label id="email"></label>
                        <input class="form-control" type="email"  id="inputEmail" placeholder="xxx@37.com">
                    </div>
                    <div class="form-group">
                        <label class="project_name">项目名</label>
                        <input class="form-control" type="text" id="project_name">
                    </div>
                    <div class="form-group">
                        <label class="client_version">客户端版本</label>
                        <input class="form-control" type="text" id="client_version">
                    </div>
                    <div class="form-group">
                        <label class="server_version">服务端版本</label>
                        <input class="form-control" type="text" id="server_version">
                    </div>
                    <div class="form-group">
                        <label class="devices">设备</label>
                        <input class="form-control" type="text" id="devices">
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="export_report();">发送</button>
            </div>
        </div>
    </div>

</div>
<div class="jumbotron" style="background: #ffffff;box-shadow: 5px 5px 5px #c1c1c1;">
    <div class="row">
        <div class="col-lg-12">
            <div class="fps" id="fps" style="height: 400px;">
            </div>
        </div>
    </div>
</div>
<div class="jumbotron" style="background: #ffffff;box-shadow: 5px 5px 5px #c1c1c1;">
    <div class="row">
        <div class="col-lg-12">
            <div class="pss_memory" id="pss_memory" style="height: 400px;">
            </div>
        </div>
    </div>
</div>
<div class="jumbotron" style="background: #ffffff;box-shadow: 5px 5px 5px #c1c1c1;">
    <div class="row">
        <div class="col-lg-12">
            <div class="cpu" id="cpu" style="height: 400px;">
            </div>
        </div>
    </div>
</div>


</body>

<script src="{% static 'js/performance.js' %}"></script>
<script src="{% static 'js/project.js' %}"></script>

</html>